<template>
  <div>
    
	<div v-if="row.customer_type == 4">
		<el-row class="expand-row">
		  <el-col :span="6">
		    <span class="expand-key">全科卡密数量：</span>
		    <span class="expand-value"> {{ row.carmine_zhu_count }}</span>
		  </el-col>
		  <el-col :span="6">
		    <span class="expand-key">副科卡密数量：</span>
		    <span class="expand-value">{{ row.carmine_fu_count }}</span>
		  </el-col>
		  <el-col :span="6">
		    <span class="expand-key">听力次数：</span>
		    <span class="expand-value">{{ row.hearing_count }}</span>
		  </el-col>
		  <el-col :span="6">
		    <span class="expand-key">阅读理解次数：</span>
		    <span class="expand-value">{{ row.reading_count }}</span>
		  </el-col>
		</el-row>
		
		<el-row class="expand-row">
		  <el-col :span="6">
		    <span class="expand-key">备注：</span>
		    <span class="expand-value">{{ row.mark }}</span>
		  </el-col>
		</el-row>
	</div>
	
	
  </div>
</template>

<script>
import { formatDate } from '@/utils/validate';
export default {
  name: 'table-expand',
  filters: {
    formatDate(time) {
      if (time !== 0) {
        let date = new Date(time * 1000);
        return formatDate(date, 'yyyy-MM-dd hh:mm');
      }
    },
  },
  props: {
    row: Object,
  },
};
</script>

<style scoped>
.expand-row {
  margin-bottom: 16px;
  /* margin-left: 20px; */
}
</style>
